/* CSS Document*/
html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:14px;color:#484848;font-family:Arial, "microsoft yahei";background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#333;text-decoration:none;}
a:hover{color:#0779d1;text-decoration:none;}
.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.sy_fl{float: left;display: inline;}
.sy_fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 157px;}
.top{height: 36px;line-height: 36px;color: #666; border-bottom: 1px solid #e2e2e2; }
.top a{padding: 5px 8px; color: #666;}
.top ul{ float:right;}
.top ul li{ float:left; padding:0 10px;}
.top .sy_fr{ position:relative;}
.top .sy_fr img{position:relative; top:3px; margin-right: 4px;}

#logo{height:140px;width: 100%;}
#logo .logo{}
#logo .logo img{margin-top: 24px; height: 67px;}
#logo .company{ padding-left: 15px; border-left: 1px solid #c4c4c4; height:60px; margin-top: 25px; margin-left: 10px; padding-top: 5px; }
#logo .company h2{font-size: 24px;color: #0779d1;font-weight: bold; line-height:30px;}
#logo .company h3{font-size: 18px;margin-top: 5px;color: #666;line-height:30px; }
#logo .tel{background: url(../images/tel.jpg) no-repeat left center;height: 120px;width: 200px; padding-left: 58px; }
#logo .tel p{ font-size: 16px; color: #666; margin-top: 35px;line-height:20px;}
#logo .tel p span{ font-size: 26px; display: block; font-weight: bold; color: #666; line-height:25px;}

.nav{background:url(../images/navbg.jpg) no-repeat top center;height: 68px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; position: relative; margin-top: 7px;}
.nav ul li:after{ content: '┆'; position: absolute; left: 0;top: 18px; width: 1px; height: 60px; display: block; color: #FFF; }
.nav ul li a{color:#FFF;display: block;width:140px;height: 60px;line-height:60px;position: relative;z-index: 2;}
.nav ul li a:hover,.nav ul>li.on>a{ color: #38a6fa; }
.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;width:140px; height:50px; line-height:50px; text-align:center;background:#252525;color:#fff;}
.nav ul li dl dt a:hover{background:#0779d1;color:#fff; display:block;width:140px; height:50px;}
.nav ul .home{margin-left: 15px;}
.nav ul .on.home a{ color: #FFF; }
.nav ul .home a:hover{ color: #FFF; }
.nav ul .home:after,.nav ul li:nth-child(2):after{display: none;}




.tc{text-align:center}
.auto{margin:0 auto}
.block{display:block}
.wrapper{width:1200px; margin:0 auto;}
#wrap-tb-service{width:100%; padding:80px 0; background:url(../images/tb-service-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-tb-service .lm-title h2,#wrap-tb-service .lm-title h2 em,#wrap-tb-service .lm-title h3{color:#fff;}
#wrap-tb-service .lm-title h2 span i{background:#fff;}
#wrap-tb-service .lm-title h2 span u{border-color:#fff;}

#tb-service{margin-top:60px;}
#tb-service dl{margin:-40px 0 0 -60px;}
#tb-service dl dd{float:left; width:360px; height:404px; margin:40px 0 0 60px; border-radius:6px; cursor:pointer; overflow:hidden;}
#tb-service dl dd span{display:block; width:360px; height:230px; overflow:hidden;}
#tb-service dl dd img{width:360px; max-width:none; height:230px;}
#tb-service dl dd section{height:94px; padding:40px 30px; background:#fff; text-align:center; overflow:hidden;}
#tb-service dl dd section h3{height:24px; line-height:24px; font-size:22px; overflow:hidden;}
#tb-service dl dd section p{height:56px; line-height:28px; margin-top:14px; font-size:15px; color:#758185; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#tb-service dl dd:hover section h3{color:#da191a;}


.lm-title h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; overflow:hidden;}
.lm-title h2 em{color:#da191a;}
.lm-title h2 span{position:relative; display:inline-block;}
.lm-title h2 span i{position:absolute; top:19px; display:block; width:200px; height:1px; background:#da191a;}
.lm-title h2 span i.l{left:-232px;}
.lm-title h2 span i.r{right:-232px;}
.lm-title h2 span u{position:absolute; top:13px; display:block; width:8px; height:8px; border:2px solid #da191a; border-radius:50%;}
.lm-title h2 span u.l{left:-32px;}
.lm-title h2 span u.r{right:-32px;}
.lm-title h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; color:#666; overflow:hidden;}


.mrmr2 {
	width: 1200px;
	margin:0 auto;
	height: 251px;
	position: relative;
	margin-top: 0px;
	margin-bottom:40px;
}
.mr_BtnL2 {
	background: url(../images/left.png) no-repeat center center;
	width: 25px;
	height: 46px;
	cursor: pointer;
	display: inline;
	position: absolute;
	top: 85px;
	left: -45px;
}
.mr_mr2 {
	float: left;
	width: 1200px;
	overflow: hidden;
	height: 251px;
}
.mr_BtnR2 {
	background: url(../images/right.png) no-repeat center center;
	width: 25px;
	height: 46px;
	cursor: pointer;
	position: absolute;
	top: 85px;
	right: -45px;
}
.mr_mr2 ul li {
	float: left;
	width: 285px;
	height: 228px;
	margin-right: 15px;
	position: relative;
    border:1px #ccc solid;
}
.mr_mr2 ul li img {
	width: 280px;
	height: 228px;
	float: left;

}
.mr_mr2 ul li p {
	background: url(../images/xc01.png) no-repeat center center;
	width: 285px;
	height: 251px;
	position: absolute;
	top: 251px;
	left: 0;
}
.mr_mr2 ul li:hover p {
	top: 0;
}



.pro_list{ width:265px; height:260px; float:left; margin-bottom:20px; margin-right:8px; padding-left:8px;}
.pro_list a{width:265px;height:260px; margin:0 auto; display:block; border:1px #ccc solid; color:#666666; cursor:pointer;}
.pro_list a:hover{width:265px;height:260px; display:block; margin:0 auto; border:#dddddd 1px solid; color:#e6212a;
-webkit-box-shadow:0 0 10px #dddddd;  
  -moz-box-shadow:0 0 10px #dddddd; 
  box-shadow:0 0 10px #dddddd;}

.pro_list_text{ width:235px; height:auto; text-align:center; overflow:hidden; margin-left:10px; line-height:40px; margin-top:5px; font-size:16px;}





















/*关于我们*/

.columnTitle {text-align:center;}
.columnTitle.white .tit,.columnTitle.white .txt {color:#fff;}
.columnTitle .tit {line-height:40px;font-size:34px;color:#333333;font-weight:bold;}
.columnTitle .txt {line-height:20px;font-size:16px;color:#666666;margin-top:16px;}
.wrap {max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;}	
.introductionl {padding-bottom:62px;}
.introductionl .bg {height:314px;background:url(../images/introductionl_bg.jpg) no-repeat center 0;background-attachment:fixed;padding-top:60px;box-sizing:border-box;}
.introductionl .content {position:relative;margin-top:-135px;z-index:2;background:#fff;box-shadow: 0px 2px 10px 1px #dadada;}
.introductionl .content:after {content:"";height:0;display:block;clear:both;}
.introductionl .content .pic {width: 530px;overflow: hidden;float: right;height: 345px;margin-top: 39px;margin-right: 46px;}
.introductionl .content .pic img {width:100%;display:block;    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.introductionl .content .pic a:hover img{-moz-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.introductionl .content .text {width:50%;float:left;padding:40px;box-sizing:border-box;min-height:437px;}
.introductionl .content .text .tit {line-height:34px;font-size:30px;font-weight:bold;color:#333333;}
.introductionl .content .text .line {width:33px;height:2px;background:#d2d2d2;margin:28px 0 16px 0;}
.introductionl .content .text .txt {line-height:30px;font-size:14px;color:#595959;height:180px;overflow:hidden;}
.introductionl .content .text ul {margin-top:44px;}
.introductionl .content .text ul:after {content:"";height:0;display:block;clear:both;}
.introductionl .content .text ul li {width:33.333%;float:left;text-align:center;background:url(../images/introductionl_line.gif) no-repeat 0 center;}
.introductionl .content .text ul li:first-child {background:none;}
.introductionl .content .text ul li a:hover .txt2 {color:#175bc0;}
.introductionl .content .text ul li .icon {height:34px;}
.introductionl .content .text ul li .icon img {max-height:100%;}
.introductionl .content .text ul li .txt2 {line-height:20px;font-size:16px;color:#333333;margin-top:10px;}



/*新闻*/
.section {padding: 90px 0;}
.section-1 {padding: 0px 0;}
.section-title {margin-bottom: 40px;font-size: 24px;padding-left: 35px;}
.section-title strong {display: block;font-size: 50px;line-height: 1.1;margin-bottom: 5px;position: relative;text-transform: uppercase;}
.section-title strong:before {position: absolute;top: 50%;right: 100%;content: '';width: 25px;height: 5px;background-color: #333;margin-top: -2px;margin-right: 10px;}
.section-title p {margin: 0;float: right;font-size: 18px;color: #8f8f8f;}
.section-title-2 {margin-bottom: 40px;text-align: center;font-size: 24px;margin-top: 30px;}
.section-title-2 strong {font-family: "Arial Black";font-size: 40px;display: block;text-transform: uppercase;}
.section-title-3 {text-align: center;margin-bottom: 40px;}
.section-title-3 strong {display: inline-block;font-size: 36px;position: relative;padding: 0 25px;}
.section-title-3 strong:after,.section-title-3 strong:before {position: absolute;content: '';top: 50%;width: 90px;height: 1px;background-color: #000;opacity: 0.2;}
.section-title-3 strong:after {left: 100%;}
.section-title-3 strong:before {right: 100%;}
.section-title-3 p {font-size: 18px;line-height: 1.8;margin: 0;}
.section-title-3 small {display: inline-block;background-color: #009bde;color: #fff;font-family: Arial;padding: 0 38px;line-height: 24px;font-size: 14px;border-radius: 20px;margin-top: 5px;letter-spacing: 1px;}
.list-3 {margin: -30px 0 0 -30px;}
.list-3 li {float: left;width: 50%;}
.list-3 li a {margin: 30px 0 0 30px;display: block;background-color: #fff;padding: 22px 35px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 6px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li h4 {position: relative;margin: 0;font-weight: normal;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 35px;}
.list-3 li h4:before,.list-3 li p:before {position: absolute;content: 'Q';background-color: #009bde;color: #fff;text-transform: uppercase;left: 0;top: 50%;width: 20px;line-height: 20px;margin-top: -10px;text-align: center;border-radius: 2px;font-size: 12px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p {position: relative;margin: 15px 0 0;padding-left: 35px;line-height: 1.8;height: 50px;overflow: hidden;color: #8e8e8e;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li p:before {content: 'A';top: 2px;margin: 0;background-color: #d18925;}
.list-3 li a:hover {background-color: #009bde;color: #fff;}
.list-3 li a:hover h4:before,.list-3 li a:hover p:before {background-color: #fff;color: #009bde;}
.list-3 li a:hover p {color: #fff;}
.list-3 li a:hover p:before {color: #d18925;}



.six-brand {padding: 30px 0;}
.six-list {margin-left: -50px;}
.six-list li {float: left;width: 16.666666%;}
.six-list li .wrap {background: url(../images/index39.png) no-repeat left center;padding: 0 0 0 25px;overflow: hidden;margin-left: 25px;}
.six-list li:first-child .wrap {background: none;}
.six-list li .img-center {float: left;border: 1px solid #eee;border-radius: 50%;overflow: hidden;width: 64px;height: 64px;line-height: 64px;}
.six-list li .img-center img { margin-left:-3px; margin-top:-4px; width:68px; height:68px;}
.six-list li .text {margin-left: 76px;font-size: 16px;line-height: 2.9;padding: 5px 0;text-align: justify;}
.in-six-brand .six-list {margin-bottom: 20px;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #009bde;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.index_contact {
	background: #32353f;
	border-bottom: 1px solid #494e5e;
	padding: 20px 0;
}

.index_contact ul li {
	float: left;
	margin-left:10px;
	width: 25%;
	margin-right: 127px;
	color: #fff;
	font-size: 16px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.index_contact ul li:nth-child(2) {
	text-align: center;
}

.index_contact ul li:nth-child(3n) {
	margin-right: 0;
	text-align: right;
}

.index_contact ul li a {
	color: #fff;
	font-size: 16px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.index_contact ul li img {
	vertical-align: middle;
	margin: 0 15px 0 0;
}

.last {
	padding: 50px 0;
	background: #32353f;
}

.beian {
	background: #292c33;
	text-align: center;
	font-size: 16px;
	color: #a2a2a2;
	line-height: 50px;
}
.product_list {
	width: 400px;
	margin-left: 55px;
}

.product_list li {
	float: left;
	width: 50%;
}

.product_list li:nth-child(2n) {
	margin-right: 0;
}

.product_list li a {
	color: #8d909b;
	font-size: 18px;
	display: block;
	margin-bottom: 8px;
	padding-left: 20px;
	background: url(../images/fk.png)no-repeat left center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height:30px;
}

.footer_product h3 {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}

.footer_lianxi {
	margin-left: 30px;
}

.footer_lianxi h3 {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
}

.contact_list {
	margin-left: 20px;
	width: 500px;
}

.contact_list li {
	margin-bottom: 16px;
	font-size: 16px;
	color: #8d909b;
}

.contact_list li a {
	color: #8d909b;
	font-size: 16px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 89%;
}

.contact_list li img {
	vertical-align: middle;
	margin-right: 20px;
}

.footer_erweima {
	background: #0679d1;
	width: 186px;
	height: 211px;
	margin: 0 auto;
	text-align: center;
}

.footer_erweima img {
	width: 140px;
	margin: 15px auto;
}

.footer_erweima p {
	font-size: 16px;
	color: #fff;
}

.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	content: "\200B";
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fr_nei {
	float: right;
}














.search{height: 70px; border-bottom: 1px solid #e2e2e2;}
.search .fl{line-height: 70px;}
.search .fl a{margin-right: 15px;}
.search .fl span{color:#333; font-weight: bold;}
.search .fr{width:384px;height: 70px;}
.search .fr input{width: 280px;height: 36px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px; border-radius: 6px 0 0 6px; padding-left: 15px;}
.search .fr button{width:75px;height: 40px;background: url(../images/search.jpg) no-repeat;border: none;position: relative;left: -10px;top:14px;}

.sec-title{ text-align: center; padding: 40px 0; height: 40px; position: relative; }
.sec-title h2{ font-size: 24px; color: #252525; font-weight: bold; }
.sec-title h2 span{ color: #0779d1; }
.sec-title p{ font-size: 14px; margin-top: 10px; }

.ys{ height: auto; overflow: hidden; padding-bottom: 40px; }
.ys .content{ margin-top: 5px; }
.ys .content dl{ float: left; display: inline-block; margin-right: 14px; width: 237px; height: 110px; border: 1px solid #cccccc; padding: 30px 20px 30px 30px;}
.ys .content dl:last-child{margin-right: 0;}
.ys .content dl:hover{ background: #0679d1; color: #FFF; }
.ys .content dl dt{ float: left; }
.ys .content dl dd{ float: right; margin-top: 25px; }
.ys .content dl dt h3{ font-size: 20px; font-weight: bold; color: #333; }
.ys .content dl dt p{line-height: 35px;}
.ys .content dl dt .more{ width: 90px; height: 28px;display: block; line-height: 28px; text-align: center; background: #0679d1;border-radius: 5px; margin-top: 15px; }
.ys .content dl dt .more a{ color: #FFF; width: 90px; height: 28px;display: block;border-radius: 5px;  }
.ys .content dl:hover h3{ color: #FFF; }
.ys .content dl:hover .more a{ background: #FFF; color: #0679d1 }

.sec-titles{ text-align: center; padding:30px 0; height: 40px; position: relative; }
.sec-titles h2{ font-size: 30px; color: #252525; font-weight: bold; background: url(../images/line.png) no-repeat bottom center; padding-bottom: 10px; }
.sec-titles p{ font-size: 14px; margin-top: 8px; }

.index-pro{ padding: 30px 0 30px; height: auto; overflow: hidden; background:url(../images/probg.jpg) no-repeat top center;}
.index-pro .content{ margin-top: 30px; height: auto; overflow: hidden; }
.index-pro .content .fl{ width: 300px; }
.index-pro .content .fr{ width: 860px; }
.index-pro .content .fl .sy_title{ height:70px; width: 270px; background: #0779d1 url(../images/ico01.jpg) no-repeat 20px center; color: #FFF; padding: 15px 0 0 30px; }
.index-pro .content .fl .sy_title span{ font-size: 28px;  padding-left: 50px; display: block;line-height:40px;}
.index-pro .content .fl .sy_title span i{ display: block; font-size: 14px; font-style: normal; line-height:20px;}
.index-pro .content .fl .contact{ background: #0779d1; text-align: center; padding: 20px 0; }
.index-pro .content .fl .contact p{ font-size: 18px; color: #FFF; margin-top: 10px; }
.index-pro .content .fl .contact p span{ display: block; font-size: 24px; font-weight: bold; }

.category{width: 100%;padding: 20px 0; background: #FFF; height: auto; overflow: hidden;}
.category h3{line-height: 58px; width: 230px; height: 58px; margin-left: 25px; }
.category h3 a{float: left;line-height: 58px;color: #FFF;width: 230px; border-bottom: 1px solid #ccc;padding-left: 20px;;background:#484848 url(../images/ico02.png) no-repeat 210px center; display: block;}
.category h3.on a{background:#0779d1 url(../images/ico02.png) no-repeat 210px center; color: #FFF;}
.category h3 span{float: left; }
.category ul{display: none;float: left;width: 100%; height: auto; overflow: hidden;}
.category li{display: block;line-height: 40px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #0779d1;}

.index-pro .content .fr ul li{ float: left; display: inline-block; margin-right: 23px; text-align: center; margin-bottom: 20px; font-size: 16px; }
.index-pro .content .fr ul li:nth-child(3n){margin-right:0}
.index-pro .content .fr ul li .img{width: 269px; height: 196px; border: 1px solid #ccc; position: relative;  overflow: hidden;  }
.index-pro .content .fr ul li .img img{ width: 269px; height: 196px;}
.index-pro .content .fr ul li .mask{ background: rgba(230,33,42,0.8); display: none; text-align: center; width: 269px; height: 196px; position: absolute; left:0; top:0; }
.index-pro .content .fr ul li:hover .mask{ display: block; }
.index-pro .content .fr ul li .mask h2{ font-size: 18px; line-height: 42px; padding-top:60px;}
.index-pro .content .fr ul li .mask .more{ width: 120px; height: 30px; margin: 0 auto; border: 1px solid #FFF; border-radius: 15px; line-height: 30px; }
.index-pro .content .fr ul li a:hover h2{ color: #FFF; }
.index-pro .content .fr ul li a:hover .more{ color: #FFF; }

.liucheng{ height: 330px; overflow: hidden;}
.liucheng ul li{float: left; display: inline-block; transition-duration: 0.8s; width: 172px; height: 155px; border: 1px solid #cccccc; margin-right: 30px; text-align: center;}
.liucheng ul li:hover{ margin-top: 10px; }
.liucheng ul li:last-child{margin-right: 0;}
.liucheng ul li img{ margin-top: 38px; }
.liucheng ul li p{ font-size: 16px; margin-top: 8px; }

.about{ background: url(../images/aboutbg.jpg) no-repeat top center; height: 440px; overflow: hidden; padding-top: 54px; }
.about .fl{ float: left; display: inline-block; width: 622px; }
.about .fr{ float: right; display: inline-block; padding-top: 20px;  }
.about .fr img{ width: 482px; height: 307px; border-radius: 10px; border: 15px solid #FFF; }
.about .fl span{ color: #4f5358; font-size: 30px; font-weight: bold; }
.about .fl h2{ font-weight: bold; color: #FFF; position: relative; height: 50px; }
.about .fl h2:after{ content:''; position: absolute; left: 0; bottom: 0; width: 70px; height: 3px; background:#0779d1; }
.about .fl .info{ font-size: 12px; line-height: 25px; color: #FFF; margin-top: 20px; }
.about .fl .more{ width: 185px; height: 42px; line-height: 42px;  border-radius: 5px; margin-top: 20px; background:#0779d1 url(../images/ico03.jpg) no-repeat 40px center; display: block; }
.about .fl .more a{ color: #FFF; padding-left: 80px; }

.honor{ height: auto; overflow: hidden; text-align: center; margin-top: -55px; }
.honor .hd{ height: 55px; overflow: hidden; width: 100%; }
.honor .hd ul li{display: inline-block; width: 200px;height: 55px;  font-size: 16px; line-height: 55px; margin-right: 12px;  }
.honor .hd ul li a{ background: #f2f2f2;width: 200px;height: 55px; display: block; border-radius: 5px 5px 0 0 }
.honor .hd ul li a:hover{ background: #0779d1;color: #FFF;  }
.honor .hd ul li.on a{ background: #0779d1; color: #FFF; }
.honor .bd{ padding-top: 40px; }
.honor .bd ul li{ float: left; display: inline-block; margin-right: 20px; text-align: center; font-size: 16px;width: 285px; height: 189px;border: 1px solid #ccc; overflow: hidden; }
.honor .bd ul li img{  max-width: 287px; height: 190px;  }

.index-news{height: auto;width: 100%;overflow: hidden;padding-bottom: 40px;}
.index-news .fl{width: 675px;}
.index-news .fr{width: 500px;}
.index-news .fr .tit{font-size: 14px;color: #999999;}
.index-news .fr .tit span{font-weight: bold;font-size: 20px;color: #333;margin-right: 15px;}
.index-news .fr .tit em{float: right;margin-top: 4px;}
.index-news .fr .gun-news{padding-top: 20px;}
.index-news .fr .gun-news ul li{padding: 20px 0;border-bottom: 1px solid #ccc;}
.index-news .fr .gun-news h2{background: url(../images/wen.jpg) no-repeat left bottom;font-size: 14px;font-weight: bold;line-height: 29px;height: 29px;display: block;padding-left: 30px;}
.index-news .fr .gun-news p{background: url(../images/da.jpg) no-repeat left top;font-size: 14px;line-height: 26px;display: block;padding-left: 30px;}
.tab-news .hd{float: left;display: inline;width: 125px;margin-right: 20px;}
.tab-news .hd ul li{width:75px;height: 164px;background: #0779d1;margin-bottom: 1px;padding: 25px;}
.tab-news .hd ul li h3{font-size: 14px;padding-top: 15px;color: #FFF; line-height:15px;}
.tab-news .hd ul li h3 span{font-size: 18px;font-weight: bold;padding-bottom: 5px;display: block;color: #FFF;line-height:15px;}
.tab-news .hd ul li .more{padding:3px 5px ;border: 1px solid #FFF;text-align: center;margin-top: 15px;line-height:20px;}
.tab-news .hd ul li .more a{color: #FFF;}
.tab-news .hd ul li.on{background: #ae0a11;}
.tab-news .bd{float: left;display: inline;width: 520px;}
.tab-news .bd dl{width: 490px;height: 165px;background: #f8f8f8;padding: 15px;}
.tab-news .bd dl dt{float: left;display: inline;}
.tab-news .bd dl dd{float: right;display: inline;width: 257px;}
.tab-news .bd dl dd .date{font-size: 18px;color: #0779d1;font-weight: bold;}
.tab-news .bd dl dd .date span{display: block;font-size: 12px;}
.tab-news .bd dl dd h4{font-weight: bold;font-size: 16px;padding: 5px 0}
.tab-news .bd dl dd p{ line-height: 25px; }
.tab-news .bd dl dt img{width: 220px;height: 162px;}
.tab-news .bd ul{padding-top: 15px;}
.tab-news .bd ul li{line-height: 40px;}
.tab-news .bd ul li span{float: right;}
.tab-news .bd ul li a:before{content:"●";font-size: 12px;margin-right: 7px;color: #0779d1}

.links{padding-bottom: 20px;}
.links span{ font-weight: bold; font-size: 18px; }
.links a{margin-right: 15px;}

.footer{background:#333333;height: 240px;overflow: hidden;padding-top: 45px; color: #bbbbbb;}
.footer .fl h3{ color: #FFF; margin-bottom: 20px; }
.footer .fl a{ color: #bbbbbb; }
.footer .fl a:hover{ color: #ae0a11; }
.footer .dh{ width: 220px; line-height: 30px;  }
.footer .dh ul li{ float: left; width: 45%;  }
.footer .foot_pro{ width: 120px; margin-right: 50px; line-height: 30px; padding: 0 50px; border-left: 1px solid #484848; border-right: 1px solid #484848; }
.footer .contact{ line-height: 30px; }
.footer .fr h3{ background: #494949; width: 140px; height: 35px; text-align: center; line-height:35px; font-size: 14px; }
.footer .fr img{ height: 140px; }
.copyright{background:#333333; padding:15px 0;border-top: 1px solid #484848; color: #bbbbbb; text-align: center;}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#0679d1;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#0679d1;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

.ban{ width: 100%; height: 320px; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 300px; border: 1px solid #ccc; }
.ny .fr{ width: 860px; }
.ny .fl .title{ height:70px; width: 270px; background: #0779d1 url(../images/ico01.jpg) no-repeat 20px center; color: #FFF; padding: 15px 0 0 30px; }
.ny .fl .title span{ font-size: 28px;  padding-left: 0px; display: block; }
.ny .fl .title span i{ display: block; font-size: 14px; font-style: normal; text-transform:uppercase}

.ny .contact{ background: #0779d1; text-align: center; padding: 20px 0; }
.ny .contact p{ font-size: 18px; color: #FFF; margin-top: 10px; }
.ny .contact p span{ display: block; font-size: 24px; font-weight: bold; }

.ny .fr .title{line-height: 42px; text-align:left; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{ font-size: 20px; color: #0779d1; border-bottom: 3px solid #0779d1; padding-bottom: 10px; }
.ny .fr .title p{font-size: 16px; display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #0779d1; border-bottom: 3px solid #0779d1; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #0779d1; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999; }

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 27px; font-size: 16px; text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(3n){margin-right:0}
.list-2 ul li .img{ width: 266px; height: 190px; border: 1px solid #c1c1c1; }
.list-2 ul li img{ max-width: 100%; height: 190px; }
.list-2 ul li p{ margin-top: 5px; }

.news{ padding:0px 0 0;  }
.news h1{ text-align: center;font-size: 24px;padding-top:30px; }
.news .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news .date span{ padding: 0 15px; }
.news .info{ padding: 10px 0 0; line-height: 25px; }

.tags{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; height:35px; line-height:35px;}
.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.page{line-height: 50px;}
.page span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; margin-top: 5px; }
.xg-pro ul li{ float: left; display: inline-block; width: 200px; margin-right: 15px; margin-bottom: 10px; text-align: center; }
.xg-pro ul li img{ width: 200px; height: 160px; }

.xg-news{ height: auto; overflow: hidden;margin-top: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%;line-height:25px; }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #0779d1; position: relative; top:-10px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; margin-top: 0px; margin-bottom:15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; line-height:25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 350px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #0779d1; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#0779d1; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; }

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #0779d1;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}

#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 494px;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #0779d1;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}